@charset "utf-8";
/*这里是全局通用样式【注意是通用】*/
/*--------------------------*/
*::-webkit-scrollbar {
  width: 9px;
  height: 9px;
}
*::-webkit-scrollbar-thumb {
  border-radius: 8px;
  background-color: #384e5c;
  box-shadow: -2px 0 0 #fff inset, 1px 0 0 #fff inset, 0 -1px 0 hsl(0deg 0% 100% / 90%) inset, 0 1px 0 hsl(0deg 0% 100% / 90%) inset;
  // box-shadow: -2px 0 0 #fff inset, 1px 0 0 #fff inset, 0 -1px 0 #fff inset, 0 1px 0 #fff inset;
}
*::-webkit-scrollbar-thumb:hover {
  background-color: #384e5c;
}
*::-webkit-scrollbar-track {
  border-radius: 8px;
  background-color: #6d828d;
}
*::-webkit-scrollbar-track:hover {
  background-color: #425f6d;
}
* {
  margin: 0;
  padding: 0;
}

*, :after, :before {
  box-sizing: border-box
}

input, textarea, button {
  outline: none;
}

html {
  height: 100%;
  box-sizing: border-box;
}

body {
  font-size: 14px;
  color: #2C3E50;
  font-family: 'Microsoft yahei', Arial;
  height: 100%;
  background: #F7F8FA;
  overflow: hidden;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

ul, li, dl {
  list-style: none;
}

h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
}

a {
  text-decoration: none;
  color: #666
}

img {
  border: none;
}

i {
  font-style: normal;
}

input, textarea, select {
  outline: none;
  -webkit-appearance: none;
  padding: 0;
  margin: 0;
  font-family: HiraginoSansGB W3, Arial, Helvetica, sans-serif
}

input[type="radio"] {
  box-sizing: border-box;
}

input[type="checkbox"] {
  border-radius: 0;
}

a, button, input, .flex1, textarea {
  -webkit-tap-highlight-color: rgba(255, 0, 0, 0);
}

.border-box {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.card-shadow{
  background: #FFF;
}
.border{border: 1px solid rgba(0, 0, 0, 0.1);}
.p-20{padding: 20px}
.p-20-20-0-20{padding: 20px 20px 0 20px;}
.p-20-0-0-0{padding: 20px 0 0 0;}
.p-20-20-0-20{padding: 20px 20px 0 20px}
.m-0{margin: 0}
.m-20{margin: 20px}
.m-20-20-0-20{margin: 20px 20px 0 20px;}
.m-20-0-0-0{margin: 20px 0 0 0;}
.right{float: right;margin-right: 0;}
.center-button{
  text-align: center;
}
#app {
  height: 100%;
}
.page {
  height: 100%
}
.content-box{
  border: 1px solid rgba(0, 153, 255, 0.4);
  background:linear-gradient(90deg,rgba(0,0,0,.1) 0%, rgba(13, 30, 87, 0.93) 50%,rgba(0,0,0,.1) 100%);
}
.content-box:hover{
  transition: 1s all;
  box-shadow: 0 0 4px rgba(255, 255, 255, 0.3), 0 0 4px rgba(255, 255, 255, 0.2) inset;
}
